.menu-container {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #f3f3f3;
}


/* 菜单内容区域 START */
.menu-content {
	position: absolute;
	width: 100%;
	height: calc(100% - 220rpx);
	display: flex;
}

.menu-calssify-wrap {
	width: 130rpx;
	height: 100%;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.menu-classify {
	width: 160rpx;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.menu-classify--block {
	width: 130rpx;
	min-height: 160rpx;
	padding-bottom: 30rpx;
	.box {
		width: 100%;
		height: 160rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #888;

		&.active {
			background: #f3f3f3;
			font-weight: 600;
			color: #000;
			position: relative;

			&:before {
				content: '';
				position: absolute;
				width: 8rpx;
				height: 68%;
				background: @strong;
				border-radius: 4rpx;
				left: 0;
				top: 16%;
			}
		}

		.img {
			width: 70rpx;
			height: 70rpx;
		}

		.name {
			font-size: 22rpx;
		}
	}
}

.goods-scroll {
	position: absolute;
	width: calc(100% - 130rpx);
	height: 100%;
	top: 0;
	right: 0;
	transition: all .3s linear;
}

.goods-wrap {
	width: 100%;
	padding: 0 20rpx 30rpx;

	.classify-name {
		font-size: 24rpx;
		padding: 20rpx 0 10rpx 0;
	}
}

/* 菜单内容区域 END */